<template>
<div class="wx-box" v-if= "wxFlag">
    <div class="close iconfont" @click.stop.prevent= "fn">&#xe601;</div>
    
    <div class="pop-content" >
		<img src="https://img1.lee.com.cn/public/images/44/a2/93/221a476a41a8840a2f0d54d4397bcae1fbd71d50.png?1522076225#h" alt="">
		长按识别二维码
	</div>
	
</div>
    
</template>

<script>
export default {
    data(){
        return({
           wxFlag: true 
        })
    },
    methods: {
        fn(){
            this.wxFlag=!this.wxFlag
            }
        }
    }
</script>

<style lang="stylus" scoped>
 .wx-box{
    //  display none;
     width 3.75rem;
     height 6.67rem;
     background white;
     position absolute;
     left 0;
     top 0;
     z-index 9999;
     }

     .pop-content{
         padding-top 1.7rem;
         margin 0 auto;
         width 1.875rem;
         height 2.175rem;
         font-size .14rem;
         text-align center;
         img{
             width 1.875rem;
             height 1.875rem;
         }
         }
         .close{
             font-size .2rem;
             font-weight 900;
             margin .4rem 0 0 .4rem;
             width .3rem;
             height .3rem;
             }
</style>
